<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bordi arrotondati</title>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.2.6");</script>
<script type="text/javascript" src="../jquery.roundborders.js"></script>

<script type="text/javascript">
	function applicaBordi(v) {
		$('.jqrbi').roundBorders({corners:v, center:'y'});
	}
</script> 

</head> 

<body>
	<div style="width:317px;margin:16px auto">
	<img class="jqrbi" src="demoborder.jpg" border="0" alt="" />
	</div>
	
	<p align="center"><a href="javascript:applicaBordi()">Applica bordi</a></p>
	<p align="center"><a href="javascript:applicaBordi('tl br')">Applica bordi passando il parametro <code>corners</code> a <code>'tl br'</code> - quindi solo l'angolo superiore sinistro e l'angolo inferiore destro</a></p>
</body>
</html>